<!DOCTYPE html>

<html lang="ru">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
     <meta http-equiv="Content-Style-Type" content="text/css">
 <meta http-equiv="Content-Script-Type" content="text/javascript">
    <!-- Yandex.Metrika counter -->
<script type="text/javascript" src="https://gc.kis.v2.scr.kaspersky-labs.com/FD126C42-EBFA-4E12-B309-BB3FDD723AC1/main.js?attr=2REnSUGtPGNbf_VVF3ZLF-TT2dIE-7P9C1YZQOjxfaoWQ_CUP1IWSP7fbsa8jfv0NRZ-6wnzuyNpO13JocQUb9CJny5gOCPHMDrP5TjyUdd8OUWih7q4DPYedofN4PCPw3xoOtQTvSa8JcvXhvdHO1wgwrUiNa6sJWRwiHTm_22KS8PTlHx2OcCDnOVU_emVBxfBrGQxsCQYdq-_rZK4pOd-neKDnzcNngTPW0CYNuGZXImx_0T8I8-ridG3DJUoBCdMIjeqlgnKyJPqTzJuUg" charset="UTF-8"></script><script type="text/javascript" >
   (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
   m[i].l=1*new Date();
   for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }}
   k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
   (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");

   ym(94997648, "init", {
        clickmap:true,
        trackLinks:true,
        accurateTrackBounce:true,
        ecommerce:"dataLayer"
   });
</script>
<noscript><div><img src="https://mc.yandex.ru/watch/94997648" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
<!-- /Yandex.Metrika counter -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta name="description" content="В нашем магазине "/>
    <meta name="keywords" content="Купите свежее домашнее мясо с доставкой в Балашихе в нашем мясном магазине. Заказать мясо легко и быстро!" />
    <link rel="stylesheet" type="text/css" href="styles1.css?<?php echo time();?>" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,500;1,400&display=swap"
      rel="stylesheet"
    />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css"
      rel="stylesheet"
      integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9"
      crossorigin="anonymous"
    />
    <link
      rel="stylesheet"
      href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
    />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
        <link
      href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,500;1,400&family=Pattaya&display=swap"
      rel="stylesheet"
    />

    <link rel="icon" href="https://myssorty.ru/favicon.ico" type="image/x-icon">
    <title>Мяссорти - всегда свежее!</title>

    <script
      src="https://api-maps.yandex.ru/2.1/?apikey=3c30c838-2d58-4a48-9472-be0028110166&lang=ru_RU"
      type="text/javascript"
    ></script>
    <script type="text/javascript">
      ymaps.ready(function () {
        var myMap = new ymaps.Map(
            "map",
            {
              center: [55.791289069276125, 37.93474979847526],
              zoom: 14,
            },
            {
              searchControlProvider: "yandex#search",
            }
          ),
          // Создаём макет содержимого.
          MyIconContentLayout = ymaps.templateLayoutFactory.createClass(
            '<div style="color: #FFFFFF; font-weight: bold;">$[properties.iconContent]</div>'
          ),
          myPlacemark = new ymaps.Placemark(
            myMap.getCenter(),
            {
              hintContent: "Собственный значок метки",
              balloonContent: "Это красивая метка",
            },
            {
              // Опции.
              // Необходимо указать данный тип макета.
              iconLayout: "default#image",
              // Своё изображение иконки метки.
              iconImageHref: "",
              // Размеры метки.
              iconImageSize: [30, 42],
              // Смещение левого верхнего угла иконки относительно
              // её "ножки" (точки привязки).
              iconImageOffset: [-5, -38],
            }
          ),
          myPlacemarkWithContent = new ymaps.Placemark(
            [55.791289069276125, 37.93474979847526],
            {
              hintContent: "Мяссорти",
              balloonContent: "Мяссорти",
              iconContent: "",
            },
            {
              // Опции.
              // Необходимо указать данный тип макета.
              iconLayout: "default#imageWithContent",
              // Своё изображение иконки метки.
              iconImageHref: "./img/metka.png",
              // Размеры метки.
              iconImageSize: [30, 30],
              // Смещение левого верхнего угла иконки относительно
              // её "ножки" (точки привязки).
              iconImageOffset: [-24, -24],
              // Смещение слоя с содержимым относительно слоя с картинкой.
              iconContentOffset: [15, 15],
              // Макет содержимого.
              iconContentLayout: MyIconContentLayout,
            }
          );

        myMap.geoObjects.add(myPlacemark).add(myPlacemarkWithContent);
      });
    </script>
  </head>
  <body>
    <header>
      <div class="logo">
        <a href="index.html">Мяссорти</a>
      </div>
      <nav>
        <a href="#" class="dostavka_btn">Доставка</a>
        <a href="#" class="contacts_btn">Контакты</a>
        <div class="cart">
          <a href="#">Корзина</a> <img src="./img/cart.png" alt="cart" />
          <span class="cart_count"></span>
        </div>
      </nav>
    </header>
    <div class="container">
      <main>
        <section class="menu">
          <div class="element_menu beef">&#128046;Говядина</div>
          <div class="element_menu pig">&#128022;Свинина</div>
          <div class="element_menu baranina">&#128015;Баранина</div>
          <div class="element_menu chiсken">&#128019;Курица</div>
          <div class="element_menu turkey">&#129411;Индейка</div>
          <div class="element_menu fish">&#128031;Рыба</div>
        </section>
        <section class="assortiment">
          <div class="beef_catalog catalogs">
            <div class="card" id="1" style="width: 18rem">
              <img src="http://torgvelesmeat.ru/wp-content/uploads/2019/06/w83pSGfjSGA.jpg" class="card-img-top" alt="Столовый край" />
              <div class="card-body" data-val="Говядина">
                <h5 class="card-title">Столовый край</h5>
                <span class="coast">1кг = 630 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" id="2" style="width: 18rem">
              <img
                src="https://tvoyproduct.ru/files/products/1671504/69716542a55ec585411367a358ebb63a.png"
                class="card-img-top"
                alt="Филейный край"
              />
              <div class="card-body" data-val="Говядина">
                <h5 class="card-title">Филейный край</h5>
                <span class="coast">1кг = 630 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="3">
              <img
                src="https://fileshki.ru/wp-content/uploads/2020/06/sheja-govjazhja-fileshki.jpg"
                class="card-img-top"
                alt="Шейная часть говядины"
              />
              <div class="card-body" data-val="Говядина">
                <h5 class="card-title">Шейная часть</h5>
                <span class="coast">1кг = 630 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="4">
              <img
                src="https://static.insales-cdn.com/images/products/1/1396/306570612/%D0%BC%D1%8F%D1%81%D0%BE-%D0%BB%D0%BE%D0%BF.jpg"
                class="card-img-top"
                alt="Лопаточная часть говядины"
              />
              <div class="card-body" data-val="Говядина">
                <h5 class="card-title">Лопаточная часть</h5>
                <span class="coast">1кг = 630 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="5">
              <img
                src="https://myasostore.ru/upload/resize_cache/iblock/436/yt3nvo2tr2hdbeludieq1cqgn9iviw60/1200_600_1fb3554719eeeea00cde67df7fb662b1d/FSW_9386.jpg"
                class="card-img-top"
                alt="Вырезка говяжья"
              />
              <div class="card-body" data-val="Говядина">
                <h5 class="card-title">Вырезка</h5>
                <span class="coast">1кг = 1350 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="6">
              <img
                src="https://cross.expert/wp-content/uploads/2019/02/govjadina.jpeg"
                class="card-img-top"
                alt="Мякоть говяжья"
              />
              <div class="card-body" data-val="Говядина">
                <h5 class="card-title">Филе говядины</h5>
                <span class="coast">1кг = 760 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="7">
              <img
                src="https://rassvetagro.ru/wp-content/uploads/2020/05/farsh-govyazhij-1-kg.jpg"
                class="card-img-top"
                alt="Фарш говяжий"
              />
              <div class="card-body" data-val="Говядина">
                <h5 class="card-title">Фарш говяжий</h5>
                <span class="coast">1кг = 630 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="8">
              <img
                src="https://static.insales-cdn.com/images/products/1/7629/238935501/1.jpg"
                class="card-img-top"
                alt="Хвост говяжий"
              />
              <div class="card-body" data-val="Говядина">
                <h5 class="card-title">Хвост говяжий</h5>
                <span class="coast">1кг = 420 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>
          </div>

          <div class="pig_catalog catalogs">
            <div class="card" style="width: 18rem" id="9">
              <img
                src="https://spar-online.ru/upload/iblock/134/13407a3691c23dc8578dbc5174e19a01.png"
                class="card-img-top"
                alt="Шейка свиная"
              />
              <div class="card-body" data-val="Свинина">
                <h5 class="card-title">Шейка б/к</h5>
                <span class="coast">1кг = 730 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="10">
              <img
                src="https://soglasiesk.ru/wp-content/uploads/2015/08/1-5-6-500x333.jpg"
                class="card-img-top"
                alt="Лопатка свиная"
              />
              <div class="card-body" data-val="Свинина">
                <h5 class="card-title">Лопатка б/к</h5>
                <span class="coast">1кг = 450 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="11">
              <img
                src="https://soglasiesk.ru/wp-content/uploads/2015/08/1-5-5-500x333.jpg"
                class="card-img-top"
                alt="Окорок свиной"
              />
              <div class="card-body" data-val="Свинина">
                <h5 class="card-title">Окорок б/к</h5>
                <span class="coast">1кг = 450 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="12">
              <img
                src="https://soglasiesk.ru/wp-content/uploads/2020/09/IMG_6473-500x333.jpg"
                class="card-img-top"
                alt="Карбонад свиной"
              />
              <div class="card-body" data-val="Свинина">
                <h5 class="card-title">Карбонад</h5>
                <span class="coast">1кг = 600 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="13">
              <img
                src="https://static.tildacdn.com/tild6566-3934-4630-b637-653538393765/___.jpg"
                class="card-img-top"
                alt="Корейка свиная"
              />
              <div class="card-body" data-val="Свинина">
                <h5 class="card-title">Корейка</h5>
                <span class="coast">1кг = 500 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="14">
              <img
                src="https://soglasiesk.ru/wp-content/uploads/2015/08/1-5-3-500x333.jpg"
                class="card-img-top"
                alt="Ребра свиные"
              />
              <div class="card-body" data-val="Свинина">
                <h5 class="card-title">Ребра</h5>
                <span class="coast">1кг = 730 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="15">
              <img
                src="https://torgvelesmeat.ru/wp-content/uploads/2019/06/LSGKCaBr970-600x480.jpg"
                class="card-img-top"
                alt="Вырезка свиная"
              />
              <div class="card-body" data-val="Свинина">
                <h5 class="card-title">Вырезка</h5>
                <span class="coast">1кг = 600 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="16">
              <img
                src="https://soglasiesk.ru/wp-content/uploads/2023/01/GroundBeef-300x300.webp"
                class="card-img-top"
                alt="Фарш"
              />
              <div class="card-body" data-val="Свинина">
                <h5 class="card-title">Фарш домашний</h5>
                <span class="coast">1кг = 600 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="17">
              <img
                src="https://soglasiesk.ru/wp-content/uploads/2022/04/IMG_0065-500x333.jpg"
                class="card-img-top"
                alt="Рулька свиная"
              />
              <div class="card-body" data-val="Свинина">
                <h5 class="card-title">Рулька</h5>
                <span class="coast">1кг = 250 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="18">
              <img
                src="https://soglasiesk.ru/wp-content/uploads/2015/08/1-5-4-500x333.jpg"
                class="card-img-top"
                alt="Копыта свиные"
              />
              <div class="card-body" data-val="Свинина">
                <h5 class="card-title">Копыта</h5>
                <span class="coast">1кг = 100 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>
          </div>

          <div class="baranina_catalog catalogs">
            <div class="card" style="width: 18rem" id="37">
              <img
                src="https://rufillet.ru/uploads/media/products/0001/01/8ed28f6c35c478992914d6f1a967af72b4f02932.jpeg"
                class="card-img-top"
                alt="Окорок баранины"
              />
              <div class="card-body" data-val="Баранина">
                <h5 class="card-title">Окорок</h5>
                <span class="coast">1кг = 850 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="38">
              <img
                src="https://myasoed.market/upload/iblock/f28/97awwg431z2zq321fjnnu5gbwwvxi081.jpg"
                class="card-img-top"
                alt="Корейка баранины"
              />
              <div class="card-body" data-val="Баранина">
                <h5 class="card-title">Корейка</h5>
                <span class="coast">1кг = 850 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="39">
              <img
                src="https://www.mosregfermer.ru/upload/iblock/c21/c21ff69b7a424a6a14384d7225d0557e.jpg"
                class="card-img-top"
                alt="Лопатка баранья"
              />
              <div class="card-body" data-val="Баранина">
                <h5 class="card-title">Лопатка</h5>
                <span class="coast">1кг = 850 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="40">
              <img
                src="https://ecomyaso.ru/wp-content/uploads/2022/11/full________________________________.jpg"
                class="card-img-top"
                alt="Ребра баранина"
              />
              <div class="card-body" data-val="Баранина">
                <h5 class="card-title">Ребра</h5>
                <span class="coast">1кг = 720 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="41">
              <img
                src="https://avatars.mds.yandex.net/get-eda/3529621/1035db66dc5c8e4bd3a8def3bc014a49/1200x1200nocrop"
                class="card-img-top"
                alt="Курдюк"
              />
              <div class="card-body" data-val="Баранина">
                <h5 class="card-title">Курдюк</h5>
                <span class="coast">1кг = 550 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>
          </div>

          <div class="chicken_catalog catalogs">
            <div class="card" style="width: 18rem" id="19">
              <img
                src="https://cdn.rf.market/363128/3a420ee5dcadc858f1ab9ce95a1acace.jpg"
                class="card-img-top"
                alt="Филе грудки"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Филе грудки</h5>
                <span class="coast">1кг = 460 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="20">
              <img
                src="https://media.istockphoto.com/id/1371034559/ru/%D1%84%D0%BE%D1%82%D0%BE/%D0%BE%D1%80%D0%B3%D0%B0%D0%BD%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%B8%D0%B5-%D0%BA%D1%83%D1%80%D0%B8%D0%BD%D1%8B%D0%B5-%D0%B1%D0%B5%D0%B4%D1%80%D0%B0-%D0%B1%D0%B5%D0%B7-%D0%BA%D0%BE%D0%B6%D0%B8-%D0%BD%D0%B0-%D0%B4%D0%B5%D1%80%D0%B5%D0%B2%D1%8F%D0%BD%D0%BD%D0%BE%D0%BC-%D1%81%D1%82%D0%BE%D0%BB%D0%B5-%D0%BF%D0%BB%D0%BE%D1%81%D0%BA%D0%B0%D1%8F-%D1%83%D0%BA%D0%BB%D0%B0%D0%B4%D0%BA%D0%B0-%D1%81-%D0%BF%D1%80%D0%BE%D1%81%D1%82%D1%80%D0%B0%D0%BD%D1%81%D1%82%D0%B2%D0%BE%D0%BC-%D0%B4%D0%BB%D1%8F.jpg?s=612x612&w=0&k=20&c=vDOgcEIg_LojDu-4NVKaN_e9aclMBRQrQpHjGrkeszs="
                class="card-img-top"
                alt="Филе бедра куриное"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Филе бедра</h5>
                <span class="coast">1кг = 475 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="21">
              <img
                src="https://fileshki.ru/wp-content/uploads/2020/04/okorochka-kurinye-fileshki.jpg"
                class="card-img-top"
                alt="Окорочка"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Окорочка</h5>
                <span class="coast">1кг = 315 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="22">
              <img
                src="https://halal-spb.ru/sites/default/files/products/438dce953605d9f26d4cc18d4337134f.jpg"
                class="card-img-top"
                alt="Голень куриная"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Голень</h5>
                <span class="coast">1кг = 335 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="23">
              <img
                src="https://celes.club/uploads/posts/2021-12/1639147840_1-celes-club-p-bedro-kuritsi-ptitsi-krasivo-foto-1.jpg"
                class="card-img-top"
                alt="Бедро куриное"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Бедро</h5>
                <span class="coast">1кг = 325 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="24">
              <img
                src="https://mrshaur.ru/wp-content/uploads/2023/01/2falangovoe.jpg"
                class="card-img-top"
                alt="Крыло куриное"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Крыло куриное</h5>
                <span class="coast">1кг = 350 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="25">
              <img
                src="https://www.gastronom.ru/binfiles/images/20230315/b476ae8d.jpg"
                class="card-img-top"
                alt="Печень куриная"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Печень</h5>
                <span class="coast">1кг = 275 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="26">
              <img
                src="https://www.chefmarket.ru/blog/wp-content/uploads/2018/05/3_1523400500_66337.jpg"
                class="card-img-top"
                alt="Сердце куриное"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Сердце</h5>
                <span class="coast">1кг = 495 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="27">
              <img
                src="https://encrypted-tbn0.gstatic.com/images?q=tbn:ANd9GcRAtmE8sKWfxaHQa2FPycbjyGOt-I6XPLJCz8R53bgmlyGuvj6F1FQ1Z346D3AHY6BGvFc&usqp=CAU"
                class="card-img-top"
                alt="Желудки куриные"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Желудки</h5>
                <span class="coast">1кг = 265 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="28">
              <img
                src="https://мясной-хуторок.рф/image/catalog/galery-kura/Farshkurinyy2.jpg"
                class="card-img-top"
                alt="Фарш куриный"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Фарш</h5>
                <span class="coast">1кг = 490 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="29">
              <img
                src="https://ferma-chekhov.ru/wa-data/public/shop/products/37/00/37/images/146/146.750.jpg"
                class="card-img-top"
                alt="Курица для жарки"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Курица для жарки</h5>
                <span class="coast">1кг = 360 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="30">
              <img
                src="https://static.insales-cdn.com/images/products/1/6060/503273388/%D0%BA%D1%83%D1%80%D0%B8%D1%86%D0%B0_%D1%81%D1%83%D0%BF%D0%BE%D0%B2%D0%B0%D1%8F.jpg"
                class="card-img-top"
                alt="Курица суповая"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Курица суповая</h5>
                <span class="coast">1кг = 360 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="31">
              <img
                src="https://veska.shop/upload/slam.image/iblock/af1/900_900_1/af149b6d696d717263f21edec93922b3-90.jpg"
                class="card-img-top"
                alt="Цыпленок"
              />
              <div class="card-body" data-val="Курица">
                <h5 class="card-title">Цыпленок</h5>
                <span class="coast">1шт = 360 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>
          </div>

          <div class="turkey_catalog catalogs">
            <div class="card" style="width: 18rem" id="32">
              <img
                src="https://static.insales-cdn.com/images/products/1/2165/521996405/%D1%84%D0%BC%D0%B3%D1%83_%D0%B3%D1%80%D1%83%D0%B4%D0%BA%D0%B8_%D0%B8%D0%BD%D0%B4%D0%B5%D0%B9%D0%BA%D0%B8.jpg"
                class="card-img-top"
                alt="Филе грудки индейки"
              />
              <div class="card-body" data-val="Индейка">
                <h5 class="card-title">Филе грудки</h5>
                <span class="coast">1кг = 550 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="33">
              <img
                src="https://alatay.ru/wp-content/uploads/2021/06/%D0%A4%D0%B8%D0%BB%D0%B5-%D0%B1%D0%B5%D0%B4%D1%80%D0%B0-%D0%B8%D0%BD%D0%B4%D0%B5%D0%B9%D0%BA%D0%B8.jpg"
                class="card-img-top"
                alt="Филе бедра индейки"
              />
              <div class="card-body" data-val="Индейка">
                <h5 class="card-title">Филе бедра</h5>
                <span class="coast">1кг = 600 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="34">
              <img
                src="https://cdn.rf.market/363152/c9d0df-730x604.jpg"
                class="card-img-top"
                alt="Плечо индейки"
              />
              <div class="card-body" data-val="Индейка">
                <h5 class="card-title">Плечо</h5>
                <span class="coast">1кг = 290 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="35">
              <img
                src="https://cdn.rf.market/362948/%D0%B8%D0%BD%D0%B4%D0%B5%D0%B9%D0%BA%D0%B0-%D1%88%D0%B5%D1%8F-scaled.jpg"
                class="card-img-top"
                alt="Шейка индейки"
              />
              <div class="card-body" data-val="Индейка">
                <h5 class="card-title">Шейка</h5>
                <span class="coast">1кг = 290 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="36">
              <img
                src="https://halal-spb.ru/sites/default/files/products/022d95b7f81d930fd790fbc8e90c28d1.jpg"
                class="card-img-top"
                alt="Фарш индейки"
              />
              <div class="card-body" data-val="Индейка">
                <h5 class="card-title">Фарш</h5>
                <span class="coast">1кг = 600 &#8381;</span>
                <a class="btn btn-primary">Купить</a>
              </div>
            </div>
          </div>

          <div class="fish_catalog catalogs">

            <div class="card" style="width: 18rem" id="42">
              <img
                src="https://avatars.dzeninfra.ru/get-zen_doc/2380471/pub_5ed93fd4b5cfeb53b481ec7d_5eda547c102d7860c5581d15/scale_1200"
                class="card-img-top"
                alt="Спинки трески"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Спинки трески&#10052;</h5>
                <span class="coast">1кг = 980 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="43">
              <img
                src="https://myikra.by/wp-content/uploads/2019/07/medalony-iz-tuncza.png"
                class="card-img-top"
                alt="Стейк тунца"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Стейк тунца&#10052;</h5>
                <span class="coast">1кг = 1000 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="44">
              <img
                src="https://static.insales-cdn.com/images/products/1/3378/592702770/%D0%9B%D0%B5%D0%B4%D1%8F%D0%BD%D0%B0%D1%8F_%D1%80%D1%8B%D0%B1%D0%B0__%D1%81%D0%B2%D0%B5%D0%B6%D0%B5%D0%BC%D0%BE%D1%80%D0%BE%D0%B6%D0%B5%D0%BD%D0%B0%D1%8F___2_.jpg"
                class="card-img-top"
                alt="Ледяная"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Ледяная&#10052;</h5>
                <span class="coast">1кг = 1300 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="45">
              <img
                src="https://pervie.ru/files/product/images/m_a22d290440fe4d3ac9001adcc83d1e3e.jpg"
                class="card-img-top"
                alt="Филе трески"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Филе трески&#10052;</h5>
                <span class="coast">1кг = 535 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="46">
              <img
                src="https://meat-spb.ru/img/product/62/image-21-05-20-20-59-14.jpg"
                class="card-img-top"
                alt="Филе горбуш"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Филе горбуши&#10052;</h5>
                <span class="coast">1кг = 630 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="47">
              <img
                src="https://www.magnitfish.com/wp-content/uploads/morojennaja-magnitfish3.jpg"
                class="card-img-top"
                alt="Филе дори"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Филе дори&#10052;</h5>
                <span class="coast">1кг = 410 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="48">
              <img
                src="https://kaliningrad.dikoed.ru/upload/iblock/733/18321-sudak-file-n-k.jpg"
                class="card-img-top"
                alt="Филе судака"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Филе судака&#10052;</h5>
                <span class="coast">1кг = 715 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="49">
              <img
                src="https://shushunoff.ru/wp-content/uploads/2021/04/file-morskogo-okunya-2.jpg"
                class="card-img-top"
                alt="Филе окуня"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Филе окуня&#10052;</h5>
                <span class="coast">1кг = 590 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="50">
              <img
                src="https://sea-food24.ru/uploaded/images/shop/goods/1241-1.jpg"
                class="card-img-top"
                alt="Стейк трески"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Стейк трески&#10052;</h5>
                <span class="coast">1кг = 540 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="51">
              <img
                src="https://img.vkusvill.ru/pim/images/site_LargeWebP/26e25cab-8053-4183-b774-f491623fafaa.webp?1656414745.4284"
                class="card-img-top"
                alt="Стейк сёмги"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Стейк сёмги&#10052;</h5>
                <span class="coast">1кг = 1470 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="52">
              <img
                src="https://kingikra.ru/upload/ammina.optimizer/jpg-webp/q75/upload/iblock/43a/43acced2618fdda48bc3b4563844aba9.webp"
                class="card-img-top"
                alt="Креветки"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Креветки&#10052;</h5>
                <span class="coast">1кг = 1050 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="53">
              <img
                src="https://static.insales-cdn.com/images/products/1/2381/338995533/150d70e3-4def-4289-8368-7dcf7289c145.JPG"
                class="card-img-top"
                alt="Котлеты рыбные"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Треска в кляре&#10052;</h5>
                <span class="coast">1кг = 435 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="54">
              <img
                src="https://redikra59.ru/wp-content/uploads/2022/02/file-mintaya.jpg"
                class="card-img-top"
                alt="Филе минтая"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Филе минтая&#10052;</h5>
                <span class="coast">1кг = 420 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="55">
              <img
                src="https://storage-seafood-shop.storage.yandexcloud.net/iblock/628/628562585a9c551861a32056ee0a8fc7.jpg"
                class="card-img-top"
                alt="Камбала"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Камбала&#10052;</h5>
                <span class="coast">1кг = 430 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="56">
              <img
                src="https://marr.ru/upload/resize_cache/webp/iblock/6fe/sb7bwlanyt0cssn7ak4d1o3ib36bjthi.webp"
                class="card-img-top"
                alt="Кальмар"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Кальмар&#10052;</h5>
                <span class="coast">1кг = 420 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>
            
            <div class="card" style="width: 18rem" id="57">
              <img
                src="https://ryboedov.ru/upload/delight.webpconverter/upload/iblock/f11/f111c9dc7a4a6deb1161d89d49023a53.jpg.webp?161549795231446"
                class="card-img-top"
                alt="Дорадо"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Дорадо&#10052;</h5>
                <span class="coast">1кг = 750 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="58">
              <img
                src="https://frost-fish.ru/upload/iblock/347/347fd9aaec90ef6847ad7dda0e538f59.png"
                class="card-img-top"
                alt="Сибас"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Сибас&#10052;</h5>
                <span class="coast">1кг = 750 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="59">
              <img
                src="https://static.tildacdn.com/tild3033-3262-4536-b862-646466363138/photo.jpg"
                class="card-img-top"
                alt="Форель"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Форель б/г&#10052;</h5>
                <span class="coast">1кг = 1030 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="60">
              <img
                src="https://i5.stat01.com/1/9733/97324499/afacdb/hek-jpg.jpg"
                class="card-img-top"
                alt="Хек"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Хек&#10052;</h5>
                <span class="coast">1кг = 390 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="61">
              <img
                src="https://main-cdn.sbermegamarket.ru/big1/hlr-system/169/024/445/891/412/3/100039741391b0.jpg"
                class="card-img-top"
                alt="Минтай"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Минтай&#10052;</h5>
                <span class="coast">1кг = 195 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="62">
              <img
                src="https://bursa.com/uploads/ht/htb1v7fkhfxxxxxsxfxxq6xxfxxxv-254449_1.jpg"
                class="card-img-top"
                alt="Скумбрия"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Скумбрия&#10052;</h5>
                <span class="coast">1кг = 390 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="63">
              <img
                src="https://dikoed.ru/upload/iblock/d8c/32733-piksha-murmanskaya-potroshenaya-bez-golovy.jpg"
                class="card-img-top"
                alt="Пикша"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Пикша&#10052;</h5>
                <span class="coast">1кг = 290 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>

            <div class="card" style="width: 18rem" id="64">
              <img
                src="https://storage-seafood-shop.storage.yandexcloud.net/iblock/971/971e756238bd40c6143805aac578f2af.jpg"
                class="card-img-top"
                alt="Окунь"
              />
              <div class="card-body" data-val="Рыба">
                <h5 class="card-title">Окунь&#10052;</h5>
                <span class="coast">1кг = 490 &#8381;</span>
                <a href="#" class="btn btn-primary">Купить</a>
              </div>
            </div>


          </div>
        </section>
        <div class="contakts_container">
          <div class="adress">
            <h1>Магазин "Мяссорти"</h1>
            <p>
              <img class="metka_img" src="./img/metka.png" alt="" />Московская
              область, Балашиха,<br />
              Полевая улица, 8
            </p>
          </div>
          <div id="map" style="width: 400px; height: 300px"></div>
          <div class="mesenger">
            <div class="mesenger_item">
              <a title="Telegram" href="https://t.me/badri1305" target="_blank">
                <img src="./img/telegram.png" alt="Написать в Telegram"
              /></a>
            </div>
            <div>
              <a
                title="WhatsApp"
                href="https://wa.me/79299547077?text=ok"
                target="_blank"
              >
                <img src="./img/whatsapp.png" alt="Написать в WhatsApp"
              /></a>
            </div>
          </div>
        </div>
        <div class="my_cart_products">
          <div class="empty-basket">
            <div class="title">Ваша корзина пуста</div>
            <div class="description">
              На этой странице будет отображаться Ваш список товаров. Вы можете
              выбрать что-либо из каталога.
            </div>
            <a href="index.html" class="button_empty_basket"
              >Вернуться к покупкам</a
            >
          </div>

          <div class="zakaz">
            <form name="my">
              <div>
                <input name="name" type="text" placeholder="Введите имя" />
              </div>
              <div>
                <input name="telephon" type="tel" placeholder="Введите номер" />
              </div>
              <div class="send_zakaz">Отправить заказ</div>
              <div class="vozvrat_k_pokupkam">Добавить товар</div>
            </form>
          </div>
        </div>

        <div class="dostavka_oplata">
          <div class="banner_dostavka">
            <div class="image">
              <img
                src="https://www.m2-shop.ru/img/truck-color.gif"
                alt="truck"
              />
            </div>
            <div class="text">
              <p id="to_cities" class="item">
                По <b>г.Балашиха</b>, действует <b>бесплатная</b> доставка при
                заказе на сумму
                <b>от 3000 руб.</b>
              </p>
            </div>
          </div>

          <div class="sposob-oplati">
            <div class="text">
              <h2 class="title">Способы оплаты</h2>
              <ul class="circle">
                <li>Оплата наличными при получении</li>
                <li>Банковской картой при получении</li>
              </ul>
            </div>
            <div class="images">
              <img
                src="https://cdn-icons-png.flaticon.com/128/179/179457.png"
                alt="visa"
              />
              <img
                src="https://cdn-icons-png.flaticon.com/128/11378/11378185.png"
                alt="mastercard"
              />
              <img
                src="https://www.sostav.ru/app/public/images/news/2015/07/16/mir%20copy%201.jpg?rand=0.22884611715562642"
                alt="МИР"
              />
              <img
                src="https://upload.wikimedia.org/wikipedia/ru/thumb/c/c7/%D0%A1%D0%91%D0%9F_%D0%BB%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF.svg/359px-%D0%A1%D0%91%D0%9F_%D0%BB%D0%BE%D0%B3%D0%BE%D1%82%D0%B8%D0%BF.svg.png?20211108071206"
                alt="сбп"
              />
              <img
                src="https://smile-kem.ru/upload/iblock/74f/74f8f4ec4a16f4e5ae9d6540636e3a9c.jpg"
                alt="qr"
              />
            </div>
          </div>
        </div>
      </main>
    </div>
    <footer>
      <div class="footer_contacts">
        <a title="Telegram" href="https://t.me/badri1305" target="_blank">
          <img src="./img/telegram.png" alt="Написать в Telegram"
        /></a>

        <a
          title="WhatsApp"
          href="https://wa.me/79299547077?text=ok"
          target="_blank"
        >
          <img src="./img/whatsapp.png" alt="Написать в WhatsApp"
        /></a>
      </div>
      <div>Disined by RBV 2023 &#9426;</div>
    </footer>

    <script src="./script.js" type="text/javascript"></script>
  </body>
</html>
